<!DOCTYPE html>
<html lang="en">
  <head>
  	<meta charset="UTF-8">
    <title>角色管理</title>
    <link rel="stylesheet" type="text/css" href="../../static/css/base.css"/>
    <link rel="stylesheet" type="text/css" href="../../static/js/elementUI/index.css"/>
	<link rel="stylesheet" type="text/css" href="../../static/js/elementUI/indexfont.css"/>
	<link rel="stylesheet" type="text/css" href="../../static/js/elementUI/docs.bbc11ec.css"/>
   <style>
     #icon-list{
       display:none;
     }
   </style>
   </head>
  
  <body>
		 
    	<div id="menuroleList" style="margin: 0;width: 100%;overflow: hidden;">
    		   <el-row type="flex" justify="space-around">
  <el-col :span="11">
  	<el-tag type="primary" v-cloak>角色菜单</el-tag>
  	<div class="grid-content bg-purple">
  		<el-input
  placeholder="输入关键字进行过滤"
  v-model="roleFilterText">
</el-input>

<el-tree
  class="filter-tree"
  :data="roledata"
  :props="roleProps"
  default-expand-all
  highlight-current
  current-node-key="1"	
  :filter-node-method="roleFilterNode"
  @node-click="getMenusByRole"	
  ref="roleTree">
</el-tree>
  		
  	</div>
  
  </el-col>
  <el-col :span="11">
  	<el-tag type="primary" v-cloak>权限菜单</el-tag>
  	<div class="grid-content bg-purple">
  			<el-input
  placeholder="输入关键字进行过滤"
  v-model="menuFilterText">
</el-input>
  	 <el-tree
  :data="menudata"
  show-checkbox
  check-strictly	
  default-expand-all
  node-key="id"
  ref="menuTree"
  :default-checked-keys="defaultMenus"
  :filter-node-method="menuFilterNode"
  :props="menuProps">
</el-tree>
  	</div>
  
  </el-col>
  </el-row> 
   <el-row type="flex" justify="space-around">
    <el-col :span="11"></el-col>
     <el-col :span="11">
     <el-button type="success" v-cloak @click="saveMenuRole" style="float:right;">保存更改</el-button>
     </el-col>
  
    </el-row>
     </div>
    <script src="../../static/js/lib/require.js" type="text/javascript" charset="utf-8"></script>
  <script src="../../static/js/require-config.js" type="text/javascript" charset="utf-8"></script>
  <script src="../../static/js/rolemenu/rolemenu.js" type="text/javascript"></script>
  </body>
   </html>
